// 基于 axios 封装的请求模块
import theAxios from 'axios'

import router from '@/router/index.js'
// 全部导出
// export * from '@/api'
import Notify from '@/ui/Notify.js'
import { getToken, setToken } from './token'
import { refreshTokenAPI } from '@/api/index.js'
// 新建一个新的axios实例
const axios = theAxios.create({
  baseURL: 'http://toutiao.itheima.net' // 基地址
})
// 添加请求拦截器
axios.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    // 发起请求时拦截并设置token
    // ?．可选链操作符，如果前面对象里没有length，整个表达式原地返回undefined
    // 如果getToken()在原地有值token字符串，才能调用length获取长度
    if (getToken()?.length > 0 && config.headers.Authorization === undefined) {
      config.headers.Authorization = `Bearer ${getToken()}`
    }
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
axios.interceptors.response.use(
  function (response) {
    // 对响应数据做点什么
    return response
  },
  async function (error) {
    // 对响应错误做点什么
    // console.dir(error)
    // 当用户认证失效后，返回登陆页面
    if (error.response.status === 401) {
      // 不能使用this.$router(因为this不是vue组件对象无法调用$router)
      // 需要引入router 路由进行使用
      // Notify({ type: 'warning', message: '身份已过期！即将跳转登陆页面' })
      // setTimeout(() => {
      //   router.replace('/login')
      //   window.sessionStorage.removeItem('token')
      // }, 3000)
      const res = await refreshTokenAPI()
      setToken(res.data.data.token)
      error.config.headers.Authorization = `Bearer ${res.data.data.token}`
      return axios(error.config)
    } else if (
      error.response.status === 500 &&
      error.config.url === '/v1_0/authorization' &&
      error.config.method === 'put'
    ) {
      Notify({ type: 'warning', message: '身份已过期！即将跳转登陆页面' })
      setTimeout(() => {
        router.replace('/login')
        window.sessionStorage.removeItem('token')
      }, 3000)
    }

    return Promise.reject(error)
  }
)
// 导出自定义函数, 参数对象解构赋值
export default ({ url, method = 'GET', params, data, headers }) => {
  return axios({
    url: url,
    method: method,
    params: params,
    data: data,
    headers: headers
  })

  // 以后换库, 只需要改这里, 逻辑页面不用动, 保证代码的复用性和独立性(高内聚低耦合)
  //   return $.ajax({
  //     url: url,
  //     type: method,
  //     data: data,
  //     header: headers
  //   })
}
